0
תגובות

on clicl selevt menu

פתח משתמש_97440 ,
היי,

יש לי פונקציה שנקראת "selectMenue" למרות שאני נכנס לפונקציה באירוע לחיצה מהתפריט
אני לא מצליח לבחור את אחת השורות התפריט למה?

כדי להפעיל את הקוד צריך להכניס קודם אות לשדה החיפוש

תודה!

<html>
<head>
  <title>Tutorial word in field</title>
  <link rel="stylesheet" rev="stylesheet" href="script.css" />
  <script src="popups.js" type="text/javascript">
  </script>
</head>
<body>
  <form action="#">
    Please enter your word:<br />
    <input type="text" id="word" autocomplete="off" onkeyup="initAll();"  /><br />
    <div id="popups" onClick="selectMenue(evt);"> </div>
  </form>
</body>
</html>

function initAll() {
 
/*  document.write("I am in initall "); */
  document.getElementById("popups").innerHTML = "";
  var tempDiv = document.createElement("div");
        tempDiv.innerHTML = "my word";
        tempDiv.className = "suggestions";
        document.getElementById("popups").appendChild(tempDiv);
       
        tempDiv = document.createElement("div");
        tempDiv.innerHTML = "secend word";
        tempDiv.className = "suggestions";
        document.getElementById("popups").appendChild(tempDiv);
       
       
       
}

function selectMenue(evt) {
    /*document.write("I am in selectMenue "); */
  var thisDiv = (evt) ? evt.target : window.event.srcElement;
  document.getElementById("word").value = thisDiv.innerHTML;
  document.getElementById("popups").innerHTML = "";
}

body, #searchField {
  font: 1.2em arial, helvetica, sans-serif;
}

#popups {
  position: absolute;
}

#searchField.error {
  background-color: #FC0;
}

div.suggestions {
  background-color: #FFF;
  padding: 2px 6px;
  border: 1px solid #000;
}

div.suggestions:hover {
  background-color: #69F;
}

0 תשובות